﻿@{
    Layout = "~/Shared/_layoutPage.cshtml";
    var PageTitle = "Mark Atendence";
}
@section title
{
 @PageTitle
}
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title></title>
     <style>
         #a1{margin-left:400px;
            margin-top:10px;
        } 
        
         #lb{margin-right:400px;
             margin-top:auto;
             margin-bottom:50px;
             margin-left:52px;
        } </style>
    <script src="/Scripts/jquery-1.8.2.js" type="text/javascript"></script>
<link rel="stylesheet" href="form.css" />
<script src="/Scripts/jquery-ui.js" type="text/javascript"></script>
<link rel="stylesheet" href="/Styles/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="~/Styles/template.css" media="screen">
<script type="text/javascript" src="/Scripts/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-sliderAccess.js"></script>
<link href="../../Styles/jquery.ambiance.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery.ambiance.js" type="text/javascript"></script>

  <script>
      $(function () {
          $("#datepicker").datepicker();
      });
      $(document).ready(function () {
          $("#v").change(function () {
              var text = $("#v option:selected").text();
              if ($("#v option:selected").val() == "TeacherView") {
                  alert($(this).val());
               
              }
              if ($("#v option:selected").val() == "StudentView") {
                  alert($(this).val());
                 
              }


          });
      });
      function Save() {
          $.ambiance({
              message: "Your Attendance is submitted successfully!",
              title: "Success!",
              type: "success"
          });
     
      }

  </script>
</head>
<body>
    <div id="content"><h2 style="text-align: center;"><b>Mark Attendance</b></h2><br/></div>

    <div id="lb">
         <form action="MarkAttendance" method="post">
 <table>
<tbody>

<p>Select Date: <input type="text" id="datepicker" /></p>
<tr>
<td>
<label>Mark Attendance : </label></td><td>
 <input type="checkbox" name="Attendancechk"/></td></tr>
 <tr>
<td>
 
  <input type="button" value="submit" class="buttonSave" onclick="Save()"/>
   <select name="SelectView" id="v" ONCHANGE="location = this.options[this.selectedIndex].value;">
  <option value="Default"selected="selected">Select view : </option>

    <option value="TeacherView">TeacherView</option>
    <option value="StudentView">StudentView</option>
    </select></td></tr>
   
   </tbody>
    
  </table>
               </form>
  </div>
 </body>
</html>


